<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="includeCSSjs.jsp" />
	
	<script type="text/javascript">

	function setNota(){
		var idActividadExpediente = document.getElementsByName('idActividadExpediente');
		var nota = document.getElementsByName('nota');
		var total = idActividadExpediente.length;
		var sumarizado = "";
		var formName = document.getElementById('dto');
				for(i = 0; i<= total-1;i++){
			if(i==0){
				sumarizado = idActividadExpediente[i].value+':'+nota[i].value;
			}else{
				sumarizado = sumarizado+','+idActividadExpediente[i].value+':'+nota[i].value;
			}
			
			 
			
		}
				formName.action=formName.action+'?param='+sumarizado;				
				formName.submit();
		

	
	}
	
	function onTableClick(	idExpedienteMateriaHasRotacionesActividad,
							idExpediente,
							idExpedienteHasMateria,
							idRotacionesHasActividad,
							notaActividad	) {
		
		$("#idExpedienteMateriaHasRotacionesActividad").val(idExpedienteMateriaHasRotacionesActividad);
		
		$("#idExpediente").val(idExpediente);
		$("#idExpedienteHasMateria").val(idExpedienteHasMateria);
		$("#idRotacionesHasActividad").val(idRotacionesHasActividad);
		$("#notaActividad").val(notaActividad);
		
	}
	
	function showEdit() {
		$(".editbutton_div").hide("fast");
		$(".button_div").hide("slow");
		$(".editbutton_div").show("slow");

	}

	function hiddenEdit() {
		$(".editbutton_div").hide("fast");
		$(".button_div").show("slow");
	}
	</script>
	
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Notas</title>
</head>
<body>
<div id="container">

<!-- Aqui va el menu -->
<jsp:include page="menu.jsp" />
<div id="content">

<h2 class="divTextoEncabezado">Evaluar ${actividad.getNombreActividad()}</h2>

<form:form method="post" action="addActividadNota"
		commandName="dto">
		
		<form:errors path="*" cssClass="errorblock" element="div" />
		
		<form:hidden path="idRotacionesHasActividad"/>
		<div class="button_div">
		
				<input onclick="setNota()" name="Submit" type="submit" value="Agregar" class="buttons" />
	</div>
		</form:form>
	
	<!-- Extreme Table  -->
	<ec:table items="alumnosList"
		action="${pageContext.request.contextPath}/showNotas?id=${nota.tbExpedienteHasMateria.tbExpediente.idExpediente}"
		view="compact"
		imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"

		rowsDisplayed="8" autoIncludeParameters="false" var="rota"  >				
		<ec:row highlightRow="true" 
		>
			
			<ec:column property="id.nombreComp" title="Alumno" />
			<ec:column property="id.notaActividad" title="Nota" >
					<input type="text" name="nota" id="nota" value="${pageScope.rota.id.notaActividad}"  class="required inputTextFacturaAgregar" />
					<input type="hidden" name="idActividadExpediente" value="${pageScope.rota.id.idExpedienteMateriaHasRotacionesActividad}"/>
			</ec:column>
			
		</ec:row>
	</ec:table>
	
	</div>



</div>
	
</body>
</html>